/* 忽略stylelint对css的检验 stylelint-disable */
body {
  --hr--background: skyblue;
  --color_f8: pink;

  margin: 0;
  font-family: 'Fira Code', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,
    Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
    monospace;
}

/* 选中后的背景颜色 */
::selection {
  color: white;
  background: pink;
}

/* ::selection {
  color: #ff645d;
  background: #ccc;
} */

::-webkit-selection {
  color: #ff645d;
  background: #ccc;
}

.my__component__wrapper {
  display: flex;
  position: relative;
  border: 1px solid #f3efef;
  width: 100%;
  min-height: calc(100vh - 90px);
  font-size: 1rem;

  /* background-color: #D7EAF3; */
  background-color: var(--body_bgColor);
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
}

.HRight {
  position: absolute;
  right: 0;
  width: 45%;
}

/* 全局通用样式导出 */
:root {
  --body_bgColor: #c6e5ff;
}